<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="templates/common.xhtml">
	
	<ui:define name="pageTitle">Mon profil</ui:define>
	<ui:define name="pageHeader"></ui:define>

	<ui:define name="body">
		<f:metadata>
			<f:event type="preRenderView"
				listener="#{basketManagedBean.initialize}" />
		</f:metadata>
		
			<div class="bs-docs-section">

			<div class="row">
			<div class="col-lg-2">
				<h:form class="bs-example form-horizontal">
					<div class="form-group">
									<div class="col-lg-10 col-lg-offset-2">
										<h:commandButton class="btn btn-primary" value="Mon profil"
											action="#{loginManagedBean.monProfil}" style="padding-right:36px;padding-left:36px;padding-bottom:10px;font-size:16px;"/>
									</div>
					</div>
					<div class="form-group">
									<div class="col-lg-10 col-lg-offset-2">
										<h:commandButton class="btn btn-primary " value="Mes réservations"
											action="#{loginManagedBean.mesResa}" style="font-size:16px;"/>
									</div>
					</div>
					</h:form>
				
			</div>
				<div class="col-lg-7">
		
					<div class="well">

						
						<f:subview id="toto">
						<h:form class="bs-example form-horizontal">

							<fieldset>
								<legend>Mon profil</legend>
								
								<div class="form-group">
									<label for="nom" class="col-lg-4 control-label" >Nom : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="nom"
											value="#{loginManagedBean.connectedUser.nom}" style="max-width:250px" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="prenom" class="col-lg-4 control-label">Prénom : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="prenom"
											value="#{loginManagedBean.connectedUser.prenom}" style="max-width:250px"/>
									</div>
								</div>
								
								<div class="form-group">
									<label for="email" class="col-lg-4 control-label">Adresse e-mail : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="email"
											value="#{loginManagedBean.connectedUser.email}" style="max-width:250px"/>
									</div>
								</div>
								
								
								<div class="form-group">
									<label for="jour" class="col-lg-4 control-label">Date de naissance : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="dateNaissance"
											value="#{loginManagedBean.connectedUser.dateNaissance}" style="max-width:250px"/>
									</div>
								</div>
								
								<div class="form-group">
									<label for="numRue" class="col-lg-4 control-label">Numéro : </label>
									<div class="col-lg-2">
										<h:outputLabel class="control-label" id="numRue" 
											value="#{loginManagedBean.connectedUser.adresse.numero}" style="max-width:125px"/>
									</div>
									
									<label for="nomRue" class="col-lg-2 control-label">Rue : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="nomRue"
											value="#{loginManagedBean.connectedUser.adresse.voie}" style="max-width:250px"/>
									</div>
								</div>
								
								<div class="form-group">
									
									<label for="codePostal" class="col-lg-4 control-label">Code postal : </label>
									<div class="col-lg-2">
										<h:outputLabel class="control-label" id="codePostal"
											value="#{loginManagedBean.connectedUser.adresse.ville.zipcode}" style="max-width:125px"/>
									</div>
									
									<label for="ville" class="col-lg-2 control-label">Ville : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="ville" autocomplete="on"
											value="#{loginManagedBean.connectedUser.adresse.ville.nom}" style="max-width:250px"/>
									</div>
								</div>
								
								<div class="form-group">
									<label for="pays" class="col-lg-4 control-label">Pays : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="pays" autocomplete="on"
											value="#{loginManagedBean.connectedUser.adresse.ville.pays.nomFrFr}" style="max-width:250px"/>
									</div>
								</div>
								
								<div class="form-group">
									<label for="phone" class="col-lg-4 control-label">Téléphone : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="phone"
											value="#{loginManagedBean.connectedUser.phone}" style="max-width:250px"/>
									</div>
								</div>
								
								<div class="form-group">
									<label for="gsm" class="col-lg-4 control-label">Téléphone portable : </label>
									<div class="col-lg-4">
										<h:outputLabel class="control-label" id="gsm"
											value="#{loginManagedBean.connectedUser.gsm}" style="max-width:250px"/>
									</div>
								</div>
								
								<div class="form-group">
									<div class="col-lg-10 col-lg-offset-4">
										<h:commandButton class="btn btn-primary" value="Modifier mes informations"
											action="#{loginManagedBean.modifierInfo}" />
									</div>
								</div>
								
							</fieldset>
						</h:form>
						</f:subview>
					</div>
					</div>

					</div>
					</div>
				

	</ui:define>

</ui:composition>
</html>